<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.A {
				list-style-type: none;
				display: inline-block;
				background: aquamarine;
				float: right;
				padding: 0;
			}
			
			.A li {
				float: left;
				font-size: 15px;
				color: gray;
				margin-right: 20px;
			}
			
			.B {
				position: relative;
				left: 650px;
				top: -30px;
			}
			
			.C {
				background: orange;
				margin: 0 auto;
			}
			
			.C li {
				display: inline-block;
				float: left;
				color: white;
				font-size: 12px;
				margin-right: 30px;
				text-align: center;
				margin-top: 10px;
			}
			
			.D {
				width: 960px;
				margin: 0 auto;
				padding: 0;
				border: 2px solid red;
				height: 800px;
			}
			
			.E {
				width: 960px;
				background: orange;
				height: 40px;
				margin: 0 auto;
				margin-bottom: 10px;
			}
			
			.G {
				width: 400px;
				float: left;
				border: 2px solid red;
			}
			
			img span {
				vertical-align: middle;
				position: relative;
				top: -10px;
			}
			
			.F {
				margin: 5px;
				width: 950px;
				height: 700px;
				position: absolute;
			}
			
			.H {
				position: relative;
				top: 100px;
				left: 0px;
			}
			
			.K li {
				margin-bottom: 10px;
			}
			
			.K {
				display: inline-block;
				position: absolute;
				left: 200px;
				top: 100px;
			}
			
			body {
				
				font-size: 12px;
			}
			
			.AA {
				position: relative;
				left: -290px;
				top: -200px;
			}
			
			.BB {
				position: absolute;
				left: 40px;
				top: 100px;
			}
			
			.CC {
				position: absolute;
				left: 630px;
				top: 100px;
				font-size: 12px;
			}
			
			.CC li {
				margin-bottom: 6px;
			}
			
			.DD {
				position: absolute;
				left: 550px;
				top: 100px;
			}
			
			.EE {
				position: absolute;
				left: 560px;
				top: 100px;
			}
			
			.FF {
				position: absolute;
				left: 550px;
				top: 250px;
			}
			
			.GG {
				position: absolute;
				left: 630px;
				top: 250px;
				font-size: 12px;
			}
			
			.GG li {
				margin-bottom: 6px;
			}
			
			.HH {
				position: absolute;
				left: 560px;
				top: 250px;
			}
			
			.JJ {
				position: absolute;
				left: 150px;
				top: 450px;
				line-height: 25px;
			}
		</style>
	</head>

	<body>
		<div class="D">
			<img src="../img/logo.jpg" />
			<ul class="A">
				<li>唯品汇</li>
				<li>当当优品</li>
				<li>数学馆</li>
				<li>都看阅读</li>
			</ul>
			<img src="../img/icon_count.png" class="B" />
			<div class="E">
				<ul type="none" class="C">
					<li>首页</li>
					<li>图片</li>
					<li>音像</li>
					<li>童装</li>
					<li>服装</li>
					<li>鞋靴</li>
					<li>箱包</li>
					<li>美妆</li>
					<li>珠宝</li>
					<li>家居</li>
					<li>食品</li>
					<li>酒</li>
					<li>手机</li>
					<li>数码</li>
					<li>电脑</li>
					<li>家电</li>
				</ul>
			</div>
			<img src="../img/banner.png" />
			<div class="F">
				<img src="../img/book-01.jpg" class="H" />
				<img src="../img/bg_bang.gif" class="AA" />
				<img src="../img/bookNo1.gif " class="BB" />

				<ul type="none" class="K">
					<li>偷影子的人</li>
					<li>作 者：[法] 马克·李维（Marc Levy）著,段韵灵 译</li>
					<li>出版社：湖南文艺出版社</li>
					<li>当当价：￥ 17.90</li>
					<li>不知道姓氏的克蕾儿。这就是你在我生命里的角色</li>
					<li>，我童年时的小女孩，今日蜕变成了女人，一段青梅竹</li>
					<li>马的回忆，一个时间之神没有应允的愿望。 一个老是</li>
					<li>受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能</li>
					<li>力而强大：他能“偷别人的影子”，因而能看见他</li>
				</ul>
				<img src="../img/book-02.jpg" class="DD" />
				<img src="../img/bookNo2.gif" class="EE" />
				<img src="../img/book-03.jpg" class="FF" />
				<img src="../img/bookNo3.gif" class="HH" />
				<ul type="none" class="CC">
					<li>看见(央视知名记者、主持人柴静：十年个人</li>
					<li>成长的告白，中国社会变迁的备忘</li>
					<li>作 者：柴静 著</li>
					<li>出版社：广西师范大学出版社</li>
					<li>￥ 29.40 7.4折</li>
				</ul>
				<ul type="none" class="GG">
					<li>改变孩子先改变自己 </li>
					<li>作 者：贾容韬 贾毅 著</li>
					<li>出版社：作家出版社</li>
					<li>￥ 22.20 7.4折</li>
				</ul>
				<p class="JJ">Copyright (C) 当当网 2004-2017, All Rights Reserved京ICP证041189号出版物经营许可证 新出发京批字第直0673号</p>
			</div>
		</div>
	</body>
</html>
